.theme(
  @bg1:#080A14 ,
  @img1:url(../img/logo1.png) no-repeat 0,
  @bg2:linear-gradient(90deg, #2B76B6 0%, #1D307C 100%),
  @bg3:#080A14,
  @c1:#87C6FF,
  @c2:#EFEFEF,
  @br1:1px solid #87C6FF,
  @c3:#FFFFFF,
  @bg4:linear-gradient(-180deg, #080A14 43%, #1B447B 100%),
  @bg5:#131728,
  @bg6:#1D2238,
  @bg7:#0A0D1A,
  @bg8:#111421,
  @bg9:#262A39,
  @br2:1px solid #434754,
  @c4:#FFFFFF,
  @c5:#FFFFFF,
  @bg10:#111421,
  @bg11:#0A0D1A,
  @c6:#72757F,
  @c7:#EFEFEF,
  @bg12:linear-gradient(-90deg, #0A0D1A 0%, #451B1B 100%),
  @bg13:linear-gradient(-90deg, #0A0D1A 0%, #172D1B 100%),
  @bg14: #171B2E,
  @c8:#EFEFEF,
  @br3:1px solid #495178,
  @c9:#8998CA,
  @br4:1px solid #8998CA,
  @c10:#FFFFFF,
  @c11:#8998CA,
  @c12:#171B2E,
  @bg15:linear-gradient(90deg, #39B182 0%, #1F3164 100%),
  @bg16:linear-gradient(90deg, #CB457F 0%, #1F3164 100%),
  @br5:1px solid #C88F54,
  @c13:#C88F54,
  @br6:1px solid #439FBF,
  @c14:#439FBF,
  @bg17:#1C2344,
  @bg18:#0F111B,
  @bg19:#080A14,
  @bg20:#080A14,
  @bg21:#111421,
  @bg22:linear-gradient(-90deg, #2B76B6 0%, #1D307C 100%),
  @bg23:#1C2344,
  @bg24:#0F111B,
  @bg25:#080A14,
  @bg26: linear-gradient(-90deg, #080A14 0%, #1D307C 100%),
  @c15:#87C6FF,
  @c16:#FFFFFF,
  @c17:#FFFFFF,
  @c18:#B9BDCD,
  @bg27:#1A213F,
  @bg28:#161C39,
  @br7:1px solid #45568D,
  @bg29:url("../img/deep-open-2.png"),
  @bg30:url("../img/deep-close-2.png"),
  @c19:#4AF749,
  @c20:#FF5D9D,
  @c21:#B9BDCD,
  @c22:#7B83A9,
  @c23:#FFFFFF,
  @bg31:#080A14
){
  background-color: @bg3;
  .header-bar{
    background: @bg1 ;
  }
  //.header-bar.huobi{
  //  background: #FF5D9D ;
  //}
  .layout-logo {
    //background: @img1;
  }
  //base-com
  .layout-nav{
    .ivu-menu-item-selected{
      background-image: @bg4;
    }
  }
  //trade_header
  .trade_header{
    background-image: @bg2;
    .h_left{
      .hl_m{
        .hl_1{
          color: @c1;
        }
        .hl_3{
          .price{
            color: @c2;
            em{
              color: @c2;
            }
          }
        }
      }
    }
    .h_main{
      .hm_1{
        color: @c1;
      }
      .hm_2{
        .hm_2_list{
          color: @c1;
          .hm_2_p2{
            color: @c3;
          }
          .hm_2_p2.mygreen{
            color: @c19;
          }
          .hm_2_p2.myred{
            color: @c20;
          }
        }
      }
    }
    .h_right{
      .hr_1{
        color: @c1;
      }
      .hr_2{
        .hr_2_list{
          color: @c1;
          .hr_2_p2{
            color: @c3;
          }
          .hr_2_p2.mygreen{
            color: @c19;
          }
          .hr_2_p2.myred{
            color: @c20;
          }
        }
      }
    }
    .h_centre{
      .hm_1{
        color: @c1;
      }
      .hm_2{
        .col-th{
          .col-td{
            color: @c1;
          }
        }
        .col-tr{
          .col-td{
            color: @c3;
            .myred{
              color: @c20;
            }
            .mygreen{
              color: @c19;
            }
            .myorange{
              color: orange
            }
          }
        }
      }
    }
    .d1{
      border-right: @br1;
    }
    .d2{
      border-right: @br1;
    }
    .d3{
      border-right: @br1;
    }
  }
  //trade_main
  .trade_main{
    .m_left{
      background-color: @bg5;
      .m_l_height{
        background-color: @bg6;
        .ml_1{
        }
      }
      .m_l_main{
        .ml_main_1{
          .ivu-select-selection, .ivu-input, .ivu-input-group-append , .ivu-select-dropdown{
            background-color: @bg9;
            border: @br2;
          }
          .ivu-select,  .ivu-input , .ivu-form-item-content{
            color: @c4;
          }
          .price_p{
            color: @c5;
          }
        }
      }
    }
    .m_right{
      background-color:@bg7;
      .m_r_table{
        background-color:  @bg8;
      }
      .ivu-tabs-bar,/deep/ .ivu-tabs-nav{
        background:  @bg10;
      }
      .ivu-table-tip{
        background-color:  @bg7;
      }
       .ivu-table th{
        background-color: @bg11;
        color: @c6;
      }
       .ivu-table .demo-table-sell-row {
        color: @c7;
        background-image: @bg12;
      }
       .ivu-table .demo-table-buy-row {
        color: @c7;
        background-image: @bg13;
      }
      ///deep/ .ivu-table td{
      //  color: @c7;
      //  background-color: @bg12;
      //}
      ///deep/ .ivu-table-body tr:nth-child(2n) td{
      //  background-color:@bg13;
      //}
    }
  }
  //trade_bottom
  .trade_bottom{
    .m_strategy{
      color: @c8;
      background-color: @bg14;
      border-bottom: @br3;
      .group_item{
        a{
          color:  @c9;
          border: @br4;
        }
      }
      .ms_buy{
        .ms_1{
          .lb_1{
            color: @c10;
          }
          .lb_2{
            color: @c11 ;
          }
        }
      }
      .ms_sell{
        .checkcolor{
          color: @c22;
        }
      }
    }
    .m_table{
      .elx-table .elx-table--body-wrapper{
        background: @bg20;
      }
      .elx-header--row{
        background: @bg17;
      }
      .elx-table .elx-body--row{
        background: @bg18;
      }
      .elx-table .elx-body--row.row--stripe{
        background: @bg19;
      }
      .elx-table{
        color: @c21;
      }
    }
  }
  //m_defined
  .m_defined {
    background-color: @c12;
    .list{
      .group_item{
        .group_item_1{
          border: @br5;
          color: @c13;
        }
        .group_item_2{
          border: @br6;
          color: @c14;
        }
      }
    }
    .md_buy {
      .sp1 {
        background-image: @bg15;
      }
    }
    .md_sell {
      .sp1 {
        background-image: @bg16;
      }
    }
    .d1{
      border-right: @br1;
    }
  }
  //monitor
  .monitor{
    .tab_nav{
      background:  @bg21;
      .tabs_tab{
        background-image: @bg22;
      }
    }
     .ivu-table{
      color: @c18;
    }
     .ivu-table th{
      background: @bg23;
    }
     .ivu-table td{
      background:@bg24;
    }
     .ivu-table-stripe .ivu-table-body tr:nth-child(2n) td{
      background:@bg25;
    }
  }
  //system
  .system{
    .tab_nav{
      background:  @bg21;
      .tabs_tab{
        background-image: @bg26;
        color: @c15;
      }
      .tabs_tab.height_light{
        background-image: @bg22;
        color: @c16;
      }
      .extra{
        label{
          color:  @c17;
        }
      }
    }
    .ivu-table{
      color: @c18;
    }
   .ivu-table th{
      background: @bg23;
    }
     .ivu-table td{
      background:@bg24;
    }
    .ivu-table-stripe .ivu-table-body tr:nth-child(2n) td{
      background:@bg25;
    }
    .ivu-table td{
      color: @c7;
      background-color: @bg12;
    }
    .ivu-table-body tr:nth-child(2n) td{
      background-color:@bg13;
    }
  }
  //statistics
  .statistics{
    .m_all{
      background-color: @bg31;
    }
    .h_all{
      background-color: @bg27;
      .h_l_1 , label{
        color: @c23;
      }
      //color: @c23;
      .h_left{
        .h_l_3{
          .select{
            .ivu-select-selection, .ivu-input,.ivu-input-group-append ,.ivu-select-dropdown{
              background-color:  @bg28;
              border: @br7;
            }
          }
          .date1{
            .ivu-input{
              background-color:  @bg28;
              border: @br7;
            }
          }
        }
      }
      .h_right{
        .h_l_2{
          .select{
            .ivu-select-selection,.ivu-input,.ivu-input-group-append ,.ivu-select-dropdown{
              background-color:  @bg28;
              border: @br7;
            }
          }
          .radio{
            margin-left: 98px;
          }
        }
        .h_l_3{
          .select{
             .ivu-select-selection,.ivu-input,.ivu-input-group-append ,.ivu-select-dropdown{
              background-color:  @bg28;
              border: @br7;
            }
          }
          .date2{
           .ivu-input{
              background-color:  @bg28;
              border: @br7;
            }
          }
        }
      }
      .ddd{
        border-right: 1px solid #4D5992;
      }
    }
  }

  //strategy_sidebar
  .strategy_sidebar{
    .drawer {
      .drawer_r{
        .ico_open{
          background: @bg29;
        }
        .ico_close{
          background: @bg30;
        }
      }
    }
  }

}
